<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/border-css.css">
</head>
<body>
<div id="border1">
    dotted: 定义一个点线边框
</div>
<div id="border2">
    dashed: 定义一个虚线边框
</div>
<div id="border3">
    solid: 定义实线边框
</div>
<div id="border4">
    double: 定义两个边框。 两个边框的宽度和 border-width 的值相同
</div>
<div id="border5">
    groove: 定义3D沟槽边框。效果取决于边框的颜色值
</div>
<div id="border6">
    ridge: 定义3D脊边框。效果取决于边框的颜色值
</div>
<div id="border7">
    inset:定义一个3D的嵌入边框。效果取决于边框的颜色值
</div>
<div id="border8">
    outset: 定义一个3D突出边框。 效果取决于边框的颜色值
</div>
</body>
</html>